<!--
 * @Author: byron
 * @Date: 2022-02-01 22:32:13
 * @LastEditTime: 2022-02-01 23:00:23
-->
<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>
export default {
    name: 'App',
    components: {},
}
</script>

<style>
@media screen and (orientation: portrait) {
    #app {
        position: absolute;
        height: 100vw !important;
        width: 100vh !important;
        transform: rotate(90deg) translate3d(0px, -100vw, 0px);
        margin: auto 0 !important;
        transform-origin: top left;

        /* position: absolute;
    height: 100vw !important;
    width: 100vh !important;
    transform: rotate(
90deg
) translate3d(0, -652px, 0px);
    margin: auto 0 !important;
    transform-origin: top left; */
    }
}
</style>
